Text Tool Icon Step 4. Add the Name to the Button. We are still working on the Label layer. Click on the Up frame in the Label layer and you are ready to add the label for this button. This will be the Home button which will take your readers back to the homepage of your site. So we will label it Home. Click on the Text Tool icon and click on the small plus sign in the center of the workspace. This will open the Property Inspector for the Text Tool. Set the attributes for the Text Tool to whatever you want. You learned how to do this in the previous tutorial. I have set my attributes to the following. Text Type: Static Text Font: Arial Size: 36 Color: 000000 (Black) Style: Bold Align: Center Now type Home into the small box with the blinking cursor. Finally, click the Selection Tool icon (black arrow). Home Label Rectangle Tool Icon Step 5. Define the Clickable Area. Now that we know the size of our button label we are ready to draw the rectangle that will define the clickable region for the button. Click on the Shapes layer and then click on the Hit frame. Remember that the Hit frame is where you will define the clickable region for your button. Click on the Rectangle Tool icon. Now click and drag to draw a rectangle over the text. You want this rectangle to cover all of the text but not to go much beyond the text. Hit Frame Clickable Area Step 6. Rollover Effect. Now we are ready to create the rollover effect for the button. We will do this by changing the color of the text for each stage of the button. Click on the Label layer and the Over frame. We need to add a Keyframe to the Over frame. On the Menubar click Insert > Timeline > Keyframe. Now you are ready to change the color of the label from black. With the Text Tool double click on the text to select the text and open the Property Inspector for the Text Tool. To open the Color Palette and change the text color, click on the tiny arrow on the small colored square. You can click on a color swatch or enter the hexadecimal code of your color choice in the box. Repeat this for the Down frame and use a third color. Up Icon Step 7. Test the Button. You are now ready to test your button. Click on the Up icon on the Timeline. Now press the Enter key on your keyboard and you can see the color changes for each of the frames. Remember that the Hit frame will not be visible on the webpage. Step 8. Save Your Flash Movie. You can now save the new additions to your movie. Click File > Save. ← Back Macromedia Flash MX 2004 Workspace Macromedia and Flash are trademarks or registered trademarks of Macromedia, Inc. in the United States and/or other countries. Product screen shot(s) reprinted with permission. All Rights Reserved.

Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map





Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.